<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">


    <!--computed:计算属性
        作用：用来将vue中完成相关业务计算工作    日后在将某个数据渲染页面时如果数据需要经过业务处理之后渲染就可以使用computed
        好处：提升vue运行性能，主要使用computed进行计算相关处理，会将第一次计算结果进行缓存，便于日后页面多次使用
        使用{{属性名}}



    -->
    <!--备忘录小功能
        1.v-model进行绑定
        2.添加一个点击方法
        3.数据保存在数组中
        4.根据下标删除数组中的数据
        5.总条数统计

    -->
    <input type="text" v-model="num"/>
    <h1>{{num}}</h1>

</div>
</body>
</html>

<script src="resource/vue.js"></script>

<script>


    new Vue({
        el:app,
        data: {
            num:""
        },
        methods:{

        },
    });





</script>